/**
 * Framework GBAPHP
 * @license : GNU Lesser General Public License v.3
 * @link http://www.cielnews.com/gba
 * 
 * Estilo CSS Básico para o Framework
 * Data de Revisão: 05/07/2008
 * @author Leopoldo Braga Barreiro
 *     
 * @package GBA
 * @subpackage
 *     
 * $Id: gabphp0.css 81 2009-07-21 02:17:57Z leobba $
 *     
 * Casos de uso : 
*/

body {
	text-align: center;
}


body.bodyLogin {
	overflow: none;
	text-align: center;
}

body.bodyLogin div#logoLogin {
	position: relative;
	top: 80px;
	left: 50%;
	margin-left: -110px;
	width: 220px;
	height: 62px;
	background: url(../images/logogba.png) no-repeat center;
}

body.bodyLogin div#dvLogin {
	position: absolute;
	top: 200px;
	left: 50%;
	width: 300px;
	margin-left: -155px;
	padding: 4px;
}

body.bodyLogin div.painelMsg {
	position: absolute;
	top: 160px;
	left: 50%;
	width: 300px;
	margin-left: -150px;
	color: #024E6C;
	font-family: Verdana, Arial, Helvetica;
	font-size: 22px;
	text-align: center;
}

body.bodyLogin label {
	display: inline-block;
	float: left;
	width: 300px;
	padding: 8px;
}

body.bodyLogin label span {
	width: 70px;
	display: inline-block;
	float: left;
	text-align: right;
	font-size: 14px;
	color: #000;
}

body.bodyLogin form div#dvLogin input {
	padding: 2px;
	font-size: 11pt;
	color: #5D5D5D;
	width: 160px;
}

body.bodyLogin form #dvLogin input.botaoEntrar {
	position: relative;
	top: 10px;
	left: 50%;
	margin-left: -40px;
	color: #000000;
	width: 80px;
	padding: 8px;
}

div#areaGeral {
	position: absolute;
	top: 2px;
	left: 50%;
	margin-left: -500px;
	text-align:left;
	width: 1000px;
	height: 96%;
	overflow: auto;
	padding: 4px;
	border: green 1px solid;
}

div#areaGeral div#logoGba {
	width: 220px;
	height: 62px;
	background: url(../images/logogba.png) no-repeat center;
	float: left;
	margin: 4px;
}

div#areaGeral div#etqSup {
	float: right;
	border: 1px solid blue;
	height: 18px;
	width: 760px;
	margin: 2px;
	font-size: 10pt;
	font-family: Trebuchet MS, Helvetica, Arial;
	padding-bottom: 2px;
}

div#areaGeral div#etqSup span {
	width: 300px;
	float: left;
	height: 18px;
}

div#areaGeral div#etqSup span#horaDataServ {
	width: 300px;
	float: right;
	height: 18px;
}

div#areaGeral div#menuSup {
	float: right;
	border: 1px solid green;
	width: 760px;
	margin: 2px;
	font-size: 14pt;
}

div#areaGeral div#menuSup div {
	display: block;
	float: left;
}

div#areaGeral div#menuSup div.ativo {
	font-size: 14pt;
	border: 1px solid magenta;
}

div#areaGeral div#menuSup div.inativo {
	border: 1px solid gray;
	padding: 4px 8px 4px 8px;
	margin: 0px;
	z-index: 10;
}

div#areaGeral div#tituloPagina {
	float: right;
	border: 1px solid blue;
	color: #222222;
	width: 760px;
	height: 30px;
	margin: 2px;
	font-family: Trebuchet MS, Helvetica, Arial;
	font-size: 16pt;
	text-align: center;
}

div#areaGeral div#areaTrabalho {
	float: right;
	border: 1px solid aliceblue;
	padding: 12px 0 2px 0;
	width: 760px;
	margin: 2px;
	border: 1px solid black;
}

div#areaGeral div.mnLateral {
	float: left;
	border: 1px solid magenta;
	padding: 10px 4px 4px 24px;
	background: url(../images/flechadupla.png) no-repeat left;
}

div#areaGeral div.mnLateralMenor {
	float: left;
	width:150px;
	border: 1px solid magenta;
	padding: 4px;
	background: url(../images/flechadupladir.png) no-repeat left;
}

div#areaGeral div.mnLateralMenor div {
	float: left;
	display: none;
	visibility: hidden;
}

div#areaGeral div.mnLateralMenor ul {
	float: left;
	display: none;
	visibility: hidden;
}
